Questions

questions is a template to support input questions like asking for name, email, and age.

Key	Notes
type	questions
stepId	Unique step id
questions	An array of the questions: [   {       "type": "name",       "title": "Save your progress",       "subtitle": "My first name is...",       "ctaColor": "#ff8e21",       "backgroundColor": "#FFF",       "ctaTextColor": "#ffffff",       "textColor": "#2F0191",       "ctaText": "Continue",       "placeholder": " Enter your name",       "placeholderColor": "#2F0191"   },   {       "type": "email",       "title": "Please confirm your account details to view your custom plan.",       "backgroundImage": "https://c.thefab.co/web-onboarding/fabulous/feature-bg.jpeg",       "ctaColor": "#ff8e21",       "backgroundColor": "#FFF",       "ctaTextColor": "#ffffff",       "textColor": "#2F0191",       "ctaText": "See results",       "placeholder": " example@email.com",       "placeholderColor": "#2F0191",       "invalidEmailMessage": "* Please enter a valid email address"   } ] Note: each question can accept an optional backgroundImage if needed.
backgroundColor	The background color of the page

Quesstion example

{
    "type": "questions",
    "stepId": "questions_name_email",
    "backgroundColor":"#fff",
    "questions":
    [
    {
        "type": "name",
        "title": "Save your progress",
        "subtitle":"My first name is...",
        "backgroundImage": "https://c.thefab.co/web-onboarding/fabulous/feature-bg.jpeg",
        "ctaColor": "#FFFFFF",
        "backgroundColor": "#052E6C",
        "ctaTextColor": "#052E6C",
        "textColor": "#052E6C",
        "ctaText": "Continue",
        "placeholder": " Enter your name",
        "placeholderColor": "#052E6C"
    },
    {
        "type": "age",
        "title": "What is your age?",
        "backgroundImage": "https://c.thefab.co/web-onboarding/fabulous/feature-bg.jpeg",
        "backgroundColor": "#052E6C",
        "ctaColor": "#FFFFFF",
        "ctaTextColor": "#0B3887",
        "textColor": "#052E6C",
        "ctaText": "Continue",
        "placeholder": "Your age",
        "placeholderColor": "#052E6C"
    },
    {
        "type": "email",
        "title": "Enter your Email to save your progress",
        "ctaColor": "#FFFFFF",
        "backgroundColor": "#052E6C",
        "backgroundImage": "https://c.thefab.co/web-onboarding/fabulous/feature-bg.jpeg",
        "ctaTextColor": "#0B3887",
        "ctaText": "Continue",
        "textColor": "#052E6C",
        "placeholder": " example@email.com",
        "invalidEmailMessage": "* Please enter a valid email address",
        "placeholderColor": "#052E6C"
    }
    ]
}